<template>
  <div class="h-full">
    <div class="h-full flex">
      <Sider breakpoint="md" collapsible :collapsed-width="0">
        <Menu active-name="1-1" theme="dark" width="auto">
          <MenuItem :name="`${menuList.order}`" v-for="menuList in sider" :key="`${menuList.order}`">
            <Icon type="ios-navigate"></Icon>
            <router-link :to="{name:`${menuList.pathName}`}">{{ menuList.name }}</router-link>
          </MenuItem>
        </Menu>
        <div slot="trigger"></div>
      </Sider>
      <div>
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'healthManagement',
  components: {},
  data() {
    return {
      sider: [
        {name: '员工健康信息', pathName: 'health', order: '1-1'}
      ]
    }
  }
}
</script>
<style scoped></style>